{% extends "common/layouts/default.html" %}

{% block body %}
{% require "pages/user/styles/index.css" %}
{% require "pages/user/styles/index.css" %}

{% use "pages/user/schemas/config" as config %}
<style>
  .user-header {
    background-color: {{ config.backgroundColor }};
    background-image: url("{{ config.cover }}");
  }
</style>

<div class="user-container">
  <header class="user-header">
    <div class="header-content user-content">
      <img src="{{ config.avatar }}" class="avatar" alt="头像">
      <div class="info">
        <h2>{{ config.username }}</h2>
        <p>{{ config.motto }}</p>
      </div>
    </div>
  </header>

  <div class="nav-container">
    <nav class="user-content nav">
        <a href="/">菜单</a>
    </nav>
    <nav class="user-content nav">
        <a href="/">菜单</a>
    </nav>
  </div>
</div>
{% enduse %}

{% require "pages/user/scripts/index.js" %}
{% endblock %}
